<template>
<!-- 顶部通栏 -->
  <DingBu />
  <NavHeader></NavHeader>
  <XiDingtop></XiDingtop>
  <!-- // 二级路由出口 -->
  <div class="zhongjian">
    <router-view />
  </div>
 <NavFooter/>
</template>
<script>
import DingBu from '@/components/NavTop'// 顶部导航
import NavHeader from '@/components/NavHeader.vue'// 头部部分
import XiDingtop from '@/components/XiDingtop.vue'
import NavFooter from '@/components/NavFooter.vue'// 底部部分
import { useStore } from 'vuex'
export default {
  name: 'NavTop',
  components: {
    DingBu,
    NavHeader,
    NavFooter,
    XiDingtop
  },
  // 获取下分类数据
  setup () {
    const store = useStore()
    store.dispatch('gouwuche/getList')
  }
}
</script>

<style lang="less" scoped>
 .zhongjian{
   width: 100%;
  display: flex;
  flex-direction:column;
  align-items: center;
  .router{
    width: 1240px;
  }
 }
</style>
